import styled from 'styled-components'
const ProgressbarStyled = styled.div`
  width: ${props => props.width?props.width:'auto'};
  height:${props => props.height?props.height:'.15rem'}; 
  border: ${props => props.border?props.border:'1px solid #56D9D1'};
  border-radius: ${props => props.borderRadius?props.borderRadius:''};
  border-width: ${props => props.borderWidth?props.borderWidth:'1px'};
  border-color: ${props => props.borderColor?props.borderColor:'#56D9D1'};
  border-style: ${props => props.borderStyle?props.borderStyle:'solid'};
  background-color : ${props => props.backgroundColor?props.backgroundColor:'#fff'};
  background-image: url('${props => props.backgroundImage}');
  background-repeat: no-repeat;
  background-position-y: top;
  background-position-x: left;
  background-size: 100% 100%;
  div{
    height: 100%;
    width : ${props => props.progressWidth?props.progressWidth:'0'};
    background-color : ${props => props.progressColor?props.progressColor:'#56D9D1'};
  }
`

export {ProgressbarStyled}